<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>API列表页</title>
    <!-- 公共样式 -->
    <link rel="stylesheet" href="./css/common.css">
    <!-- 页面样式 -->
    <link rel="stylesheet" href="./css/API.css">
</head>
<body>
    <!-- 头部 -->
    <header class="bigdata-header">
        <!-- logo -->
        <div class="logo"></div>
        <!-- 中间导航 -->
        <ul class="nav clearfix">
            <li class="fl nav-item">首页</li>
            <li class="fl nav-item active">API</li>
            <li class="fl nav-item">案例</li>
        </ul>
        <!-- 右侧登录和注册 -->
        <div class="login-register">
            <button class="login">登录</button>
            <button class="register">注册有礼</button>
        </div>
    </header>
    <main class="content">
        <div class="APIsort">
            <!-- <h1>API分类</h1> -->
            <!-- <a href="" texts='身份证实名'>全部</a>
            <a href="" texts='银行卡'>生活服务</a>
            <a href="" texts='短信'>金融科技</a>
            <a href="" texts='天气'>交通地理</a>
            <a href="" texts='短信'>充值缴费</a>
            <a href="" texts='手机归属地'>数据智能</a>
            <a href="" texts='IP'>企业工商</a>
            <a href="" texts='手机归属地'>应用开发</a>
            <a href="" texts='IP'>电子商务</a>
            <a href="" texts='视频'>吃喝玩乐</a>
            <a href="" texts='视频'>文娱视频</a>
            <a href="" class="bold" texts='短信'>免费接口大全</a>
            <a href="" texts='身份证实名'>短信</a>
            <a href="" texts='银行卡'>汽车</a>
            <a href="" texts='银行卡'>核验</a>
            <a href="" class="bold" texts='银行卡'>最新发布</a>
            <a href="" class="bold" texts='身份证实名'>API私有化部署</a> -->
        </div>
        <p>
            <span>全部</span>
            <input type="text" placeholder="身份证实名">
            <img src="./images/magnifier.png" alt="">
        </p>
        <ul class="clearfix api-content">
            <!-- <li class="fl">
                <a href="">
                    <img src="./images/API_01.jpg" alt="">
                    <P>2021出行防疫政策指南</P>
                    <span>免费</span>
                </a>
                <button>申请数据</button>
            </li>
            <li class="fl">
                <a href="">
                    <img src="./images/API_02.jpg" alt="">
                    <p>身份证实名认证</p>
                    <div>￥0.2000/次</div>
                </a>
                <div>企业专业</div>
                <button>申请数据</button>
            </li>
            <li class="fl">
                <a href="">
                    <img src="./images/API_03.jpg" alt="">
                    <p>天气预报</p>
                    <span>免费</span>
                </a>
                <button>申请数据</button>
            </li>
            <li class="fl">
                <a href="">
                    <img src="./images/API_04.jpg" alt="">
                    <p>银行卡四元素校验</p>
                    <div>￥0.3360/次</div>
                </a>
                <div>企业专业</div>
                <button>申请数据</button>
            </li>
            <li class="fl">
                <a href="">
                    <img src="./images/API_05.jpg" alt="">
                    <p>短信API服务</p>
                    <div>￥0.0400/次</div>
                </a>
                <div>企业专业</div>
                <button>申请数据</button>
            </li>
            <li class="fl">
                <a href="">
                    <img src="./images/API_01.jpg" alt="">
                    <P>2021出行防疫政策指南</P>
                    <span>免费</span>
                </a>
                <button>申请数据</button>
            </li>
            <li class="fl">
                <a href="">
                    <img src="./images/API_02.jpg" alt="">
                    <p>身份证实名认证</p>
                    <div>￥0.2000/次</div>
                </a>
                <div>企业专业</div>
                <button>申请数据</button>
            </li>
            <li class="fl">
                <a href="">
                    <img src="./images/API_03.jpg" alt="">
                    <p>天气预报</p>
                    <span>免费</span>
                </a>
                <button>申请数据</button>
            </li>
            <li class="fl">
                <a href="">
                    <img src="./images/API_04.jpg" alt="">
                    <p>银行卡四元素校验</p>
                    <div>￥0.3360/次</div>
                </a>
                <div>企业专业</div>
                <button>申请数据</button>
            </li>
            <li class="fl">
                <a href="">
                    <img src="./images/API_05.jpg" alt="">
                    <p>短信API服务</p>
                    <div>￥0.0400/次</div>
                </a>
                <div>企业专业</div>
                <button>申请数据</button>
            </li>
            <li class="fl">
                <a href="">
                    <img src="./images/API_01.jpg" alt="">
                    <P>2021出行防疫政策指南</P>
                    <span>免费</span>
                </a>
                <button>申请数据</button>
            </li>
            <li class="fl">
                <a href="">
                    <img src="./images/API_02.jpg" alt="">
                    <p>身份证实名认证</p>
                    <div>￥0.2000/次</div>
                </a>
                <div>企业专业</div>
                <button>申请数据</button>
            </li>
            <li class="fl">
                <a href="">
                    <img src="./images/API_03.jpg" alt="">
                    <p>天气预报</p>
                    <span>免费</span>
                </a>
                <button>申请数据</button>
            </li>
            <li class="fl">
                <a href="">
                    <img src="./images/API_04.jpg" alt="">
                    <p>银行卡四元素校验</p>
                    <div>￥0.3360/次</div>
                </a>
                <div>企业专业</div>
                <button>申请数据</button>
            </li>
            <li class="fl">
                <a href="">
                    <img src="./images/API_05.jpg" alt="">
                    <p>短信API服务</p>
                    <div>￥0.0400/次</div>
                </a>
                <div>企业专业</div>
                <button>申请数据</button>
            </li>
            <li class="fl">
                <a href="">
                    <img src="./images/API_01.jpg" alt="">
                    <P>2021出行防疫政策指南</P>
                    <span>免费</span>
                </a>
                <button>申请数据</button>
            </li>
            <li class="fl">
                <a href="">
                    <img src="./images/API_02.jpg" alt="">
                    <p>身份证实名认证</p>
                    <div>￥0.2000/次</div>
                </a>
                <div>企业专业</div>
                <button>申请数据</button>
            </li>
            <li class="fl">
                <a href="">
                    <img src="./images/API_03.jpg" alt="">
                    <p>天气预报</p>
                    <span>免费</span>
                </a>
                <button>申请数据</button>
            </li>
            <li class="fl">
                <a href="">
                    <img src="./images/API_04.jpg" alt="">
                    <p>银行卡四元素校验</p>
                    <div>￥0.3360/次</div>
                </a>
                <div>企业专业</div>
                <button>申请数据</button>
            </li>
            <li class="fl">
                <a href="">
                    <img src="./images/API_05.jpg" alt="">
                    <p>短信API服务</p>
                    <div>￥0.0400/次</div>
                </a>
                <div>企业专业</div>
                <button>申请数据</button> 
            </li> -->
        </ul>
        <div class="content skip">
            <a href="" num='0'  class="on">1</a>
            <a href="" num='1' >2</a>
            <a href="" num='2' >3</a>
            <a href="" num='3' >4</a>
            <a href="" num='4' >5</a>
            <a href="" num='5' >6</a>
            <a href="" num='6' >7</a>
            <a href="" num='7' >8</a>
            <span>......</span>
            <span>
                <a href="javascript:void(0);" class="xia">下一页></a>
            </span>
        </div>
    </main>
    <!-- 底部 -->
    <footer>
        <div class="contact clearfix content">
            <dl>
                <dt>联系与支持</dt>
                <dd>400-882-775</dd>
                <dd>售后咨询</dd>
                <dd>客服&售后</dd>
                <dd>常见问题</dd>
                <dd>极速工单</dd>
                <dd>投诉与建议</dd>
            </dl>
            <dl>
                <dt>关于源码</dt>
                <dd>400-882-775</dd>
                <dd>售后咨询</dd>
                <dd>客服&售后</dd>
                <dd>常见问题</dd>
                <dd>极速工单</dd>
                <dd>投诉与建议</dd>
            </dl>
            <dl>
                <dt>快速入口</dt>
                <dd>400-882-775</dd>
                <dd>售后咨询</dd>
                <dd>客服&售后</dd>
                <dd>常见问题</dd>
                <dd>极速工单</dd>
                <dd>投诉与建议</dd>
            </dl>
            <dl>
                <dt>产品服务</dt>
                <dd>400-882-775</dd>
                <dd>售后咨询</dd>
                <dd>客服&售后</dd>
                <dd>常见问题</dd>
                <dd>极速工单</dd>
                <dd>投诉与建议</dd>
            </dl>
            <dl>
                <dt>解决方案</dt>
                <dd>400-882-775</dd>
                <dd>售后咨询</dd>
                <dd>客服&售后</dd>
                <dd>常见问题</dd>
                <dd>极速工单</dd>
                <dd>投诉与建议</dd>
            </dl>
            <div class="QR-code fr">
                <h4>微信公众号</h4>
                <p>源码时代</p>
                <img src="./images/wechat-white.png" alt="">
            </div>
        </div>
        <!-- 版权 -->
        <div class="copy content clearfix">
            <p class="copy-l fl">
                <img src="./images/bei2.png" alt="">
                <img src="./images/bei1.png" alt="">
                <span>曾值电信业务经营许可证:蜀B2-20180596蜀ICP备15006450号-3营业执照</span>
            </p>
            <p class="copy-r fr">源码大数据股份有限公司©版权所有</p>
        </div>
    </footer>
    <!-- 登录页面 -->
    <div class="login-bg">
        <div class="login-screen">
            <span style="position: absolute;right: 0;top: 0;background: #eee;color: #fff;font-size: 24px;cursor: pointer;">×</span>
            <a href="./index.html">
                <img src="./images/loginlogo.png" alt="">
            </a>
            <ul>
                <li>
                   <span class="on">账号登录</span>
                   <div class="">
                       <div class="urs">
                           <input type="text" placeholder="用户名/手机号/邮箱"> 
                           <span>×</span>
                       </div>
                       <div class="pwd">
                           <input type="password" placeholder="密码">
                           <span>×</span>
                       </div>
                       <p style="text-align: right;">
                           <a href="">忘记密码</a>
                       </p>
                       <button>登录</button>
                       <p>还没有源码账号，
                           <a href="./register.html">立即注册 
                               <span></span> 
                            </a>
                        </p>
                   </div>
                </li>
                <li></li>
                <li>
                    <span>扫码登录</span>
                    <div class="conceal">
                        <div>
                            <img src="./images/showqrcode.jpg" width="150px" height="150px" alt="">
                            <p>微信扫码登录</p>
                            <p>未关注源码科技公众号，请先关注后再登录</p>
                        </div>
                        <p>还没有源码账号，
                            <a href="./register.html">立即注册
                                <span></span>
                            </a>
                        </p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!-- 提示框 -->
    <div class="tips">
        <p class="urs-error">
            用户名格式不正确
        </p>
        <p class="pwd-error">
            密码格式不正确
        </p>
        <p class="ogin-succeeded">
            登录成功
        </p>
    </div>
    <script src="./js/API.js"></script>
</body>
</html>